import React from "react";
import BorderBox7Datav from "./BorderBox7Datav";

import url1 from "../../assetst/picture/t_1.png";
import url2 from "../../assetst/picture/t_2.png";
import url3 from "../../assetst/picture/t_3.png";
import url4 from "../../assetst/picture/t_4.png";
import url5 from "../../assetst/picture/t_5.png";
import url6 from "../../assetst/picture/t_7.png";

export default function twoContent() {
  return (
    <div>
      <div className="content">
        <div className="left">
          <BorderBox7Datav
            title="全国快递企业月快递数"
            imageUrl={url1}
            id={"echarts1"}
          ></BorderBox7Datav>
          <div style={{ width: "100%", height: "20px" }}></div>
          <BorderBox7Datav
            title="电子商务销售额、订单数"
            imageUrl={url2}
            id={"echarts3"}
          />
        </div>
        <div className="center">
          <div className="btncenter">
            <span>sss电子商务进农村</span>
          </div>
          <div
            className="btn1"
            style={{ background: `url("${url3}") no-repeat` }}
          ></div>

          <div id="echart-map" style={{ width: "100%", height: "100%" }}></div>
        </div>
        <div className="right">
          <BorderBox7Datav
            title="全区快递月寄递数量"
            imageUrl={url4}
            id={"echarts2"}
          />
          <BorderBox7Datav title="电商企业入驻情况" imageUrl={url6} />
        </div>
      </div>

      <div className="footer">
        <div>
          <BorderBox7Datav title="大家快来" imageUrl={url3} />
        </div>
        <div>
          <BorderBox7Datav title="大家快来" imageUrl={url4} />
        </div>
        <div>
          <BorderBox7Datav title="大家快来" imageUrl={url5} />
        </div>
        <div>
          <BorderBox7Datav title="大家快来" imageUrl={url6} />
        </div>
      </div>
    </div>
  );
}
